import React from 'react';
import { OutStoreClient } from './out/view';
import { SortClient } from './sort/view';
import { InClient } from './sortin/view';
import { OutClient } from './sortout/view';
import { SplitClient } from './split/view';
import { PickClient } from './pick/view';
import { JoinClient } from './join/view';
import { BoxPackClient } from './boxpack/view';
import { RotateClient } from './rotate/view';
import { StandoutClient } from './standout/view';
import { StockClient } from './stock/view';
import { GoodsClient } from './goods/view';
import { GoodsInClient } from './goodsin/view';
import { AngleClient } from './angle/view';
import { PackClient } from './pack/view';
import { QrClient } from './qr/view';
import { QaClient } from './qa/view';
import { LabelClient } from './label/view';
import { AwayClient } from './away/view';
import { SelectClient } from './select/view';
import { TagClient } from './tag/view';

const Sort = ({ location:{ pathname } }) => <SortClient pathname={pathname} mod="sort"/>;

const Pick = ({ location:{ pathname } }) => <PickClient pathname={pathname} mod="pick"/>;

const Join = ({ location:{ pathname } }) => <JoinClient pathname={pathname} mod="join"/>;

const Pack = ({ location:{ pathname } }) => <PackClient pathname={pathname} mod="pack"/>;

const Rotate = ({ location:{ pathname } }) => <RotateClient pathname={pathname} mod="rotate"/>;

const Angle = ({ location:{ pathname } }) => <AngleClient pathname={pathname} mod="angle"/>;

const Standout = ({ location:{ pathname } }) => <StandoutClient pathname={pathname} mod="standout"/>;

const Stock = ({ location:{ pathname } }) => <StockClient pathname={pathname} mod="stock"/>;

const Split = ({ location:{ pathname } }) => <SplitClient pathname={pathname} mod="split"/>;

const Qr = ({ location:{ pathname } }) => <QrClient pathname={pathname} mod="qr"/>;

const Label = ({ location:{ pathname } }) => <LabelClient pathname={pathname} mod="label"/>;

const Qa = ({ location:{ pathname } }) => <QaClient pathname={pathname} mod="qa"/>;

const Away = ({ location:{ pathname } }) => <AwayClient pathname={pathname} mod="away"/>;

const Good = ({ location:{ pathname } }) => <GoodsClient pathname={pathname} mod="good"/>;

const SortIn = ({ location:{ pathname } }) => <InClient pathname={pathname} mod="sortin"/>;

const SortOut = ({ location:{ pathname } }) => <OutClient pathname={pathname} mod="sortout"/>;

const Select = ({ location:{ pathname } }) => <SelectClient pathname={pathname} mod="select"/>;

const BoxPack = ({ location:{ pathname } }) => <BoxPackClient pathname={pathname} mod="boxpack"/>;

const Tag = ({ location:{ pathname } }) => <TagClient pathname={pathname} mod="tag"/>;

const Out = ({ location:{ pathname } }) => <OutStoreClient pathname={pathname} mod="tag"/>;

const GoodIn = ({ location:{ pathname } }) => <GoodsInClient pathname={pathname} mod="good"/>;

export {GoodIn, BoxPack, Select, SortIn, SortOut, Qa, Label, Split, Standout, Angle, Rotate, Pack, Sort, Pick, Join, Out,
    Stock, Qr, Away, Good, Tag};
